
<!doctype html>
<html>
<head>
<title>Draw!</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="js/style.css" />
<script src="js/jquery1.8.2.min.js" type="text/javascript"></script>

		<script type="text/javascript" src="../js/jquery.mobile-1.3.2.min.js"></script>
		<link rel="stylesheet" href="../css/jquery.mobile-1.3.2.min.css"/> 
<script src="js/drawing.js" type="text/javascript"></script>
</head>
<body>
 <div data-role="page" ><!--page2-->
<div data-role="header" data-position="fixed"><h1>Page2</h1>
<a href="../../shelf/AllSection.html" rel="external" data-icon="back" data-iconpos="left" data-transition="slidefade" data-direction="reverse" class="ui-btn-left">返回</a>
</div><!--header-->
<div data-role="footer" data-position="fixed"><h1>End</h1></div><!--footer-->
<div id="wrapper">
<div class="menu">
	<ul>
		<li>
			<a  id="edit">Edit</a>
			<ul>
				<li>
					<a  id="clear">Clear</a>
				</li>
				<li>
					<a  id="undo" title="ctrl + z">Undo</a>
				</li>
				<li>
					<a  id="redo" title="ctrl + y">Redo</a>
				</li>
				<li>
					<a  id="backout">Exit</a>
				</li>
			</ul>
		</li>
		<li>
		<li>
			<a  id="draw">Draw</a>
			<ul id="colors">
				<li style="background-color:white;">
					<a>White</a>
				</li>
				<li style="background-color:red;">
					<a>Red</a>
				</li>
				<li style="background-color:orange;">
					<a>Orange</a>
				</li>
				<li style="background-color:yellow;">
					<a>Yellow</a>
				</li>
				<li style="background-color:green;">
					<a>Green</a>
				</li>
				<li style="background-color:blue;">
					<a>Blue</a>
				</li>
				<li style="background-color:indigo;">
					<a>Indigo</a>
				</li>
				<li style="background-color:violet;">
					<a>Violet</a>
				</li>
				<li style="background-color:black;">
					<a>Black</a>
				</li>
			</ul>
			
		</li>
		<li>
			<a  id="text">Add Text</a>
			<ul id="fonts">
				<li style="font-family: 'Arial', Helvetica, sans-serif;">
					<a>Arial</a>
				</li>
				<li style="font-family: 'Courier New', Courier, monospace;">
					<a>Courier New</a>
				</li>
				<li style="font-family: 'Georgia', serif;">
					<a>Georgia</a>
				</li>
				<li style="font-family: 'Lucida Console', Monaco, monospace">
					<a>Lucida Console</a>
				</li>
				<li style="font-family: 'Times New Roman', Times, serif">
					<a>Times New Roman</a>
				</li>
				<li style="font-family: 'Verdana', Geneva, sans-serif">
					<a>Verdana</a>
				</li>
			</ul>
		</li>
		
		
	</ul>
</div>
<canvas id="canvas" ></canvas>
</div>
</div>
</body>
</html>

